{extend name="public/base"/}
{block name="body"}
<script src="__PUBLIC__/js/unslider.js"></script>
<div class="warp art-page">
	<div class="art-detail">
		<div class="art-heading">
			<div class="title">{$info['title']}</div>
			<div class="info">
				<span>发布时间：{$info['create_time']|date='Y-m-d H:i:s',###}</span>
				<span>访问量：{$info['view']}</span>
			</div>
		</div>
		<div class="art-body">
			<div class="photo-box">
				<ul>
					{volist name=":get_cover_list($info['photo_list'])" id="item"}
					<li><img src="{$item}" alt="{$info['title']}"></li>
					{/volist}
				</ul>
			</div>
			{$info['content']}
		</div>
	</div>
	{prev id="$info['id']" cate="$info['category_id']" model="$info['model_id']"}
	<a href="{:url('index/content/detail',array('id'=>$prev['id'],'model_id'=>$prev['model_id']))}" class="prev">
		<i class="fa fa-angle-left"></i>
	</a>
	{/prev}
	{next id="$info['id']" cate="$info['category_id']" model="$info['model_id']"}
	<a href="{:url('index/content/detail',array('id'=>$next['id'],'model_id'=>$next['model_id']))}" class="next">
		<i class="fa fa-angle-right"></i>
	</a>
	{/next}
</div>

<script type="text/javascript">
$(function() {
    $('.photo-box').unslider({
    	dots: true,               //  Display dot navigation
    });
});
</script>
{/block}